<div class="chain-detail-content">
  <div nz-row>
    <div nz-col nzSpan="6">
      <div class="base-info-item">
        <div class="base-info-title">
          <h3>
            BTC / 比特币
            <nz-tag>Bitcoin</nz-tag>
          </h3>
          <div class="own-change-btn">
            <button nz-button nzType="primary" [nzSize]="'small'">
              <i class="anticon anticon-plus"></i>自选
            </button>
          </div>
        </div>
        <div class="base-info-price">
          <strong>{{price | currency}}</strong>
          <span>24H最高{{maxPrice | currency}}</span>
        </div>
        <div class="base-info-price">
          <strong>≈$7,474 ≈1BTC</strong>
          <span>24H最低 {{minPrice | currency}}</span>
        </div>
        <p class="basr-info-description">
          比特币（BitCoin）的概念最初由中本聪在2009年提出，根据中本聪的思路设计发布的开源软件以及建构其上的P2P网络。比特币是一种P2P形式的数字货币。点对点...
          <a>查看全部</a>
        </p>
      </div>
    </div>
    <div nz-col nzSpan="18">
      <div nz-row>
        <div nz-col nzSpan="8">
          <div class="base-info-item">
            <span>流通市值</span>
            <div class="deal-rank">
              <strong>{{dealRankNumber | currency:'USD':'$':'1.0-0'}}</strong>
              <nz-tag [nzColor]="'#2e8ded'">第1名</nz-tag>
            </div>
            <div echarts [options]="dealOption" class="base-info-chart"></div>
          </div>
        </div>
        <div nz-col nzSpan="8">
          <div class="base-info-item">
            <span>流通量</span>
            <div class="deal-rank">
              <strong>{{dealMany | number}} BTC</strong>
            </div>
            <div echarts [options]="manyOption" class="base-info-chart"></div>
          </div>
        </div>
        <div nz-col nzSpan="8">
          <div class="base-info-item">
            <span>24H成交额</span>
            <div class="deal-rank">
              <strong>{{dealRankNumber | currency:'USD':'$':'1.0-0'}}</strong>
              <nz-tag [nzColor]="'#50be67'">第1名</nz-tag>
            </div>
            <div echarts [options]="timeOption" class="base-info-chart"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div nz-row>
    <div nz-col nzSpan="24">
      <table class="base-info-detail-table">
        <tbody>
          <tr>
            <td>
              <label>英文名：</label>
              {{baseData.enName}}
            </td>
            <td>
              <label>中文名：</label>
              {{baseData.zhName}}
            </td>
            <td>
              <label>上架交易所：</label>
              {{baseData.place}} 家
            </td>
            <td>
              <label>发行时间：</label>
              {{baseData.publicTime}}
            </td>
          </tr>
          <tr>
            <td>
              <label>白皮书：</label>
              <a [href]="baseData.pdf">{{baseData.pdf}}</a>
            </td>
            <td>
              <label>网站：</label>
              <a [href]="baseData.webSite">{{baseData.webSite}}</a>
            </td>
            <td>
              <label>区块站：</label>
              <a [href]="baseData.chainSite">{{baseData.chainSite}}</a>
            </td>
            <td>

            </td>
          </tr>
          <tr>
            <td colspan="2">
              <label>相关概念：</label>
              {{baseData.concept}}
            </td>
            <td colspan="2">
              <label>区域群：</label>
            </td>
          </tr>
          <tr>
            <td [style.color]="'red'" colspan="4">
              <i class="anticon anticon-question-circle"></i>
              风险提示：炒币有风险，入市需谨慎；平台价差大，搬砖须谨慎！
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div nz-row>
    <div nz-col nzSpan="24">
      <div echarts [options]="currencyTrend" class="currency-trend-chart"></div>
    </div>
  </div>
  <div nz-row>
    <div nz-col nzSpan="24">
      <div class="timeline-container">
        <h1>BTC大事件</h1>
        <nz-timeline>
          <nz-timeline-item nzColor="green">
            比特币支付在印度大爆发，印度音乐节BTC付款占比1% 2017-12-03
          </nz-timeline-item>
          <nz-timeline-item nzColor="green">
            在BCD上线之际再聊IFO 2017-11-24
          </nz-timeline-item>
          <nz-timeline-item nzColor="red">
            BCD分叉倒计时 2017-11-23
          </nz-timeline-item>
          <nz-timeline-item>
            比特币黄金（BTG）的硬分叉 代表了数字货币即将迎来分叉热潮 2017-10-24
          </nz-timeline-item>
        </nz-timeline>
      </div>
    </div>
  </div>
</div>
